import React, { Component } from 'react';
import "./store.css";
class Store extends Component {
  render() {
    return (
      <div className="store">
          <div className="store_left">
              <img src={"//elm.cangdu.org/img/"+this.props.item.image_path} alt="" />
          </div>
          <ul className="store_right">
              <li className="top">
                 <div className="left">
                      <mark>品牌</mark>
                      <h3>{this.props.item.name}</h3>
                 </div>
                 <div className="right">保准票</div>
              </li>
              <li className="middle">
                  <div className="left">
                      <div>{this.props.item.rating}分</div>
                      <div>月售{this.props.item.recent_order_num}单</div>
                  </div>
                  <div className="right">
                      <span>蜂鸟专送</span>
                      <span>准时达</span>  
                  </div>
              </li>
              <li className="bottom">
                 <div className="left">￥{this.props.item.float_minimum_order_amount}起送 / 配送费约￥{this.props.item.float_delivery_fee}</div>
                 <div className="right">
                    <span>{this.props.item.distance}</span>
                    <span>/</span>
                    <span>{this.props.item.order_lead_time}</span>
                 </div>
              </li>
          </ul>
      </div>
    );
  }
}

export default Store;